<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
	<title>希岸抽奖</title>
	<link href="../style/base.css" rel="stylesheet">
	<link href="../style/Common.css" rel="stylesheet">
	<link href="../style/style.css" rel="stylesheet">
	<script type="text/javascript" src="../js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../js/jQueryRotate.2.2.js"></script>
	<script type="text/javascript" src="../js/script.js"></script>
</head>
<body>
	<!-- 大转盘 -->
	<div class="bag_bj job_bj">
		<div class="rotate-con-pan">
			<div class="rotate-con-pan">
				<div class="rotate-con-zhen"></div>
			</div>
		</div>
		<div class="title">
			<img src="../case/title_pic.jpg" alt=""></p>
		</div>
	</div>
	<script type="text/javascript">
	$(function(){
		$(".rotate-con-zhen").rotate({
			bind:{
				click:function(){
					var a = runzp();
					 $(this).rotate({
						 	duration:3000,               //转动时间
						 	angle: 0,                    //起始角度
	            			animateTo:1440+a.angle,      //结束的角度
							easing: $.easing.easeOutSine,//动画效果，需加载jquery.easing.min.js
							callback: function(){
								alert(a.prize+a.message);//简单的弹出获奖信息
							}
					 });
				}
			}
		});
	});
	</script>
	<!-- 内容 -->
	<div class="main">
		<div class="button">
			<a href="javascript:void(0)" class="jp">
				<img src="../case/icon1.png" alt="">
				<i>我的奖品</i>
			</a>
			<a href="javascript:void(0)" class="gz">
				<img src="../case/icon2.png" alt="">
				<i>活动规则</i>
			</a>
		</div>
		<div class="rules">
			<h2>活动规则</h2>
			<h3>一、活动时间：即日起至2015年9月30日</h3>
			<h3>二、活动玩法：用户每天首次打开活动页可自动获得2次抽奖机会，转发该活动至朋友圈可额外增加1次抽奖机会</h3>
			<h3>三、活动奖品：</h3>
			<p>1、免费房（希岸女神房）：自获得日起3个月内有效，仅限本人预订本人入住。预订时须先在铂涛会中央渠道（官网/APP/微信）预订，届时至前台出示兑换码即可以免费入住希岸女神房。（切记将兑换码截图/自行记录保存）
			2、希岸酒店20元/50元房费代金券：自获得日起6个月内有效，仅限预订入住希岸品牌（抵用券在48小时内到账）
			3、希岸美颜家50元代金券：自获得日起1年内有效，仅限在希岸上海店使用。只需到希岸上海店前台凭兑换码即可享受每单减免50元。（切记将兑换码截图/自行记录保存）</p>
			<h3>四、如有任何疑问请关注“XanaLife”微信公众号咨询。</h3>
		</div>
		<div class="myprize">
			<h2>我的奖品</h2>
			<ul>
				<li>一、奖品内容:希岸酒店美颜家50元代金券</li>
				<li>二、兑换码：km123456</li>
				<li>三、使用方式：使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式使用方式</li>
				<li>四、有效期：2015-10-10</li>
			</ul>
		</div>
		<script type="text/javascript">
		// 下一行的意思是 当括号内面的类名被点击的时候
			$(".main .button a.gz").click(function(event) {
				// 下一行是 当括号内面的类名做添加类名，如cur,cur里面的样式是display：block、打开
				$(".main .rules").addClass(' cur').siblings('.myprize').removeClass('cur');
			});
		</script>
		<script type="text/javascript">
		// 下一行的意思是 当括号内面的类名被点击的时候
			$(".main .button a.jp").click(function(event) {
				// 下一行是 当括号内面的类名做添加类名，如cur,cur里面的样式是display：block、打开
				$(".main .myprize").addClass(' cur').siblings('.rules').removeClass('cur');
			});
		</script>
		<div class="sweep">
			<div class="pic"><img src="../case/erweima.jpg" alt=""></div>
			<p>关注希岸服务号查看详细使用方法</p> 
			<p>还能免费领取贝米钱包</p> 
			<p class="golden">7000元体验金</p> 
		</div>
		<p class="banquan">本活动最终解释权归希岸酒店所有</p>
	</div>
</div>
	
</body>
</html>